﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SiteJN.Master" AutoEventWireup="true" CodeBehind="Pic.aspx.cs" Inherits="jnagr.Web.sicpet.Pic" %>

<%@ Register Src="~/Controls/checkright.ascx" TagPrefix="uc1" TagName="checkright" %>
<%@ Register Src="~/Controls/spet.ascx" TagPrefix="uc1" TagName="spet" %>
<%@ Register Src="~/Controls/copyright.ascx" TagPrefix="uc1" TagName="copyright" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">   
    <style >
        .mypic {
            margin:2px;
            float:left;
        }
        .ptime {
            text-align:center;
        }
        #ProductShow{width:100%;height:auto;text-align:center;border:1px solid #c0c0c0;margin:5px;}
        #CSSBox{width:100%;height:140px; border:1px solid #000000; margin:0 auto;overflow-x:auto;background-color:#ffffff;}
#CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:2px;}
#CSSBox ul li span{ display:block; text-align:center; font-size:12px;}


    </style>
    <link href="../CSS/zzsc.css" rel="stylesheet" />
    <script src="../Script/intense.js"></script>
    <script type="text/javascript">
        var sprovince = "";
        var scity = "";
        var scounty = "";
        var areas = "";
        var se = "";
        var sebm = "";
        var getdata = "";
        var level;
        var markerClusterer;
        var markers = [];
        var devid;
        var XQHID;
        var wchartInstance;
        var chs = "";
        var pt;
        var uid = "";
        var map;
        var data_info;
        var opts;
        var StartTime ;
        var EndTime;
        
        var type = "";
        var pSize =3;
        var count = 0;
        var picname = "";
        var ybqid = "";
        var ybqch = "";
        var datagridpic;        
        $(function () {
            curmenu('图像远程监控');
            $.ajax({
                type: "post",
                dataType: "json",
                url: "../admin/getinfo.ashx?action=level",
                success: function aa(data) {
                    sprovince = data[0].province;
                    scity = data[0].city;
                    scounty = data[0].county;
                    InitTree();
                    InitMap();
                }
            });
            
        });

        function InitMapmark() {
            $('#win').datagrid({
                //title: '测报点列表', //表格标题
                url: '../devinfo/GetDev.ashx', //请求数据的页面
                sortName: 'mname', //排序字段
                idField: 'mid', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '95%', //宽度
                height: '95%', //高度
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[
	                { title: '测报站名', field: 'mname', width: 80, sortable: true }
                ]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "querydev", "dtype": "PIC" },
                pageNumber: 1, //默认索引页
                pageSize: 500, //默认一页数据条数
                rownumbers: true, //行号
                pageList: [10, 20, 50, 200, 500],
                pagination: false, //是否开启分页                
                onLoadSuccess: function (data) {
                    data_info = [];
                    getdata = data;
                    map.clearOverlays();
                    $.each(data.rows, function (k, v) {
                        data_info.push({ "lng": v["mjd"], "lat": v["mwd"], "mlevel": v["DevType"], "mname": v["devname"], "madd": v["DevLocation"], "mpic": v["mpic"], "devid": v["DevID"] });
                    });
                    var mlevel;
                    var marker;
                    var ptt = "";
                    if (markers.length > 0) {
                        if (markerClusterer != null) {
                            markerClusterer.removeMarkers(markers);
                            markerClusterer = null;
                        }
                        markers = [];
                    }
                    for (var i = 0; i < data_info.length; i++) {
                        mlevel = data_info[i].mlevel;
                        ptt = new BMap.Point(data_info[i].lng, data_info[i].lat);
                        if (mlevel == 'CBD')
                            marker = new BMap.Marker(ptt, { icon: icon4 });
                        else if (mlevel == 'YBQ')
                            marker = new BMap.Marker(ptt, { icon: icon3 });
                        else if (mlevel == 'XQH')
                            marker = new BMap.Marker(ptt, { icon: icon2 });
                        else
                            marker = new BMap.Marker(ptt, { icon: icon1 });

                        var did = data_info[i].devid;
                        var xqh = data_info[i].XQHID;
                        map.addOverlay(marker);
                        var notes = data_info[i].note;
                        label = new BMap.Label(data_info[i].mname, { offset: new BMap.Size(20, -10) });
                        marker.setLabel(label);
                        markers.push(marker);
                        addClickHandler(did,marker);
                    }
                    if (markers.length > 0)
                        markerClusterer = new BMapLib.MarkerClusterer(map, { markers: markers });//对地图扩大缩小后会都所有的点全显示出来。
                    if (scounty != "")
                        map.centerAndZoom(scounty, 12);
                    else if (scity != "")
                        map.centerAndZoom(scity, 10);
                    else if (sprovince != "")
                        map.centerAndZoom(sprovince, 8);
                    else
                        map.centerAndZoom("西安", 5);
                    if (areas != "")
                        getBoundary(areas);
                    renderstation();
                }
            });
        }


        function addClickHandler(did,  marker) {
            marker.addEventListener("click", function (e) {
                $.ajax({
                    type: "post",
                    dataType: "json",
                    url: "../devinfo/GetDev.ashx?action=querycbd&devid=" + did,
                    success: function aa(data) {
                        ybqid = data[0].cbdid;                       
                        showawsinfectInfo(did);
                    }
                });
            }
            );
        }
        function InitTree() {
            $('#pt').tree({
                width: '100%', //宽度 
                lines: true,
                //data: provincetree,   
                url: '../areainfo/GetArea.ashx', //请求数据的页面 
                method: 'post',
                queryParams: { "action": "querymyareauser" },
                onBeforeExpand: function (node) {
                    $("#pt").tree("options").queryParams = { "action": "queryyb" };
                    $('#pt').tree('options').url = "../areainfo/GetArea.ashx?pid=" + node.id;
                },
                onClick: function (node) {
                    if (node.text != "") {
                        sebm = node.bm;
                        //获取地区全称
                        if (sebm == "0")
                            areas = "";
                        else if (sebm.length == 6 && sebm.indexOf("0000")) {
                            areas = node.text;
                        }
                        else {
                            var result = $.ajax({
                                url: "../areainfo/GetArea.ashx?action=queryarea",
                                type: 'post',
                                dataType: 'json',
                                async: false,
                                cache: false
                            }).responseText;
                            areas = result;
                        }
                        reloadgridTree();
                    }

                },
                onLoadSuccess: function (node, param) {

                }
            });

        }
        function showawsinfectInfo(did) {
            devid = did;
            
            addTab(devid, 'mypic.html');            
        }

        function reloadgrid() {
            var queryParams = $('#hzgrid').datagrid('options').queryParams;
            var StartTime = $("#txtstart").datebox("getValue");
            var EndTime = $("#txtend").datebox("getValue");

            queryParams.StartTime = StartTime;
            queryParams.EndTime = EndTime;
            queryParams.sebm = sebm;

            $('#hzgrid').datagrid('options').queryParams = queryParams;
            $("#hzgrid").datagrid('reload');

        }
        function reloadpic(){
            var StartTime = $("#StartTime").datebox("getValue");
            var EndTime = $("#EndTime").datebox("getValue");
        }
        function showxc() {
            $("#yjfx").panel({
                href: '../html/alarmall.html',
                title: '图像远程监控预警',
                tools: [{ iconCls: 'icon-phone', handler: function () { sendAlarm('图像预警'); } }],
                onLoad: function () {
                    InitSendUser();
                    $("#btnyj").click(function () {
                        sendAlarm('图像预警');
                    });

                }
            });
            StartTime = $("#StartTime").datebox("getValue");
            EndTime = $("#EndTime").datebox("getValue");
            $.ajax({
                type: "post",
                dataType: "json",
                url: "GetPic.ashx?action=query&rows=" + pSize + "&page=1&devID=" + devid + "&StartTime=" + StartTime + "&EndTime=" + EndTime,
                success: function aa(data) {
                    count = data.total;
                    renderinfopic(data);
                    $('#pp').pagination({
                        pageSize: pSize,
                        total: count,
                        pageNumber: 1,
                        pageList: [3],
                        onSelectPage: function (pageNumber, pageSize) {
                            StartTime = $("#StartTime").datebox("getValue");
                            EndTime = $("#EndTime").datebox("getValue");
                            $.ajax({
                                type: "post",
                                dataType: "json",
                                url: "GetPic.ashx?action=query&rows=" + pageSize + "&page=" + pageNumber + "&devID=" + devid+ "&StartTime=" + StartTime+ "&EndTime=" + EndTime,
                                success: function aa(data) {
                                    renderinfopic(data);                                    
                                }
                            });
                        }
                    });
                }
            });
            
            $('#pname').combobox({
                url: '../harmfulinfo/GetHarm.ashx?action=querymy', //请求数据的页面                           
                valueField: 'text',
                textField: 'text',
                panelHeight: 'auto',
                editable: false,
            });
            
            InitGird();
            InitGirdcbd();
        }

        function renderinfopic(getdata) {
            var html = template('tmppic', getdata);
            html = html + "<div style='clear: both;'></div>";
            $('#infos').html(html);
            $(".small_pic li").click(function () {
                $(this).siblings().removeClass("on");
                $(this).addClass("on");
                var preNumber = $(this).prevAll().size() + 1;
                $(".big_pic li").removeClass("on");
                $(".big_pic li:nth-child(" + preNumber + ")").addClass("on");
                picname = $(this).find("img").attr("alt");
                InitGird();
            });
            $(".small_pic li:eq(0)").addClass("on");
            $(".big_pic li:eq(0)").addClass("on");
            var elements = document.querySelectorAll('.demo-image');
            Intense(elements);
        }
        function InitGird() {
            $('#ptstr').val(picname);
            var h = $("#my1").height() - 60;
            var w = $("#my1").width() - 630;
            $('#zddate').datagrid({
                title: picname, //表格标题
                url: '../weatherinfo/GetPicData.ashx', //请求数据的页面
                sortName: 'ptime', //排序字段
                idField: 'pid', //标识字段,主键
                iconCls: '', //标题左边的图标
                height: h,
                width: w,
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[//							                    
                   { field: 'ckb', checkbox: true },
                    { title: '害虫', field: 'pname', width: 100 },
                    { title: '数量', field: 'pnum', width: 50 }
                ]
                ],
                toolbar: "#tab_toolbars",
                queryParams: { "action": "querycz", "ptstr": picname, "ybqid":"" },
                pagination: false, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 5, //默认一页数据条数
                rownumbers: true,
                onLoadSuccess: function (data) {
                    datagridpic = data;
                }
            });
           

        }
        function newUser() {
            if (picname == '')
            {
                $.messager.alert("提示", "请选择要操作的图片！", "info");
                return;
            }
            $('#fm').form('clear');
            $('#dlg').dialog('open').dialog('setTitle', '添加');
            document.getElementById("test").value = "add";
            $('#ptstr').val(picname);
        }
        //修改管理员  
        function editUser() {
            var row = $('#zddate').datagrid('getSelected');
            if (row == null) {
                $.messager.alert("提示", "请选择要修改的行！", "info");
            }
            if (row) {
                $('#dlg').dialog('open').dialog('setTitle', '修改');
                document.getElementById("test").value = "modify";
                $('#fm').form('load', row);
                $('#pname').combobox('setValue',row.pname);
            }
        }
        //添加        
        function saveUser() {
            var test = document.getElementById("test").value;
            var f = $('#fm');
            if (test == "add") {
                f.form('submit', {
                    url: "../weatherinfo/GetPicData.ashx?action=" + test,
                    onSubmit: function () {
                        return $(this).form('validate');
                    },
                    success: function (result) {
                        if (result.indexOf("T") == 0) {
                            $('#dlg').dialog('close');
                            $.messager.alert("提示", "恭喜您，信息添加成功", "info");
                            $('#zddate').datagrid('reload');
                        }
                        else if ((result.indexOf("F") == 0)) {
                            $.messager.alert("提示", "添加失败，请重新操作！", "info");
                            return;
                        }
                        else if ((result.indexOf("L") == 0)) {
                            $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                            top.location = '/index.aspx';
                            return;
                        }
                    }
                });

            } else {

                $('#fm').form('submit', {
                    url: "../weatherinfo/GetPicData.ashx?action=" + test,
                    onSubmit: function () {
                        return $(this).form('validate');
                    },
                    success: function (result) {
                        if (result.indexOf("T") == 0) {
                            $('#dlg').dialog('close');
                            $('#zddate').datagrid('clearSelections');
                            $.messager.alert("提示", "恭喜您，信息修改成功", "info");
                            $('#zddate').datagrid('reload');

                        }
                        else if ((result.indexOf("F") == 0)) {
                            $.messager.alert("提示", "添加失败，请重新操作！", "info");
                            return;
                        }
                        else if ((result.indexOf("L") == 0)) {
                            $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                            top.location = '/index.aspx';
                            return;
                        }
                    }
                });
            }
        }
        function removeUser() {
            var test = document.getElementById("test").value = "delete";
            var row = $('#zddate').datagrid('getSelected');
            if (row == null) {
                $.messager.alert("提示", "请选择要删除的行！", "info");
            }
            if (row) {
                $.messager.confirm('提示', '你确定要删除这条信息吗？', function (r) {
                    if (r) {
                        $('#fm').form('submit', {
                            url: '../weatherinfo/GetPicData.ashx?pdid=' + row.pdid + "&action=" + test,
                            onSubmit: function () {
                                //return $(this).form('validate');  
                            },
                            success: function (result) {
                                if (result.indexOf("T") == 0) {
                                    $('#dlg').dialog('close');
                                    $('#zddate').datagrid('clearSelections'); //清空选中的行  
                                    $.messager.alert("提示", "恭喜您，信息删除成功！", "info");
                                    $('#zddate').datagrid('reload');
                                }
                                else if ((result.indexOf("F") == 0)) {
                                    $.messager.alert("提示", "删除失败，请重新操作！", "info");
                                    return;
                                }
                                else if ((result.indexOf("L") == 0)) {
                                    $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                                    top.location = '/index.aspx';
                                    return;
                                }

                            }

                        });
                    }
                })
            }
        }
        function getid(grows) {
            var ids = "";
            for (var i = 0; i < grows.total; i++)
                ids = ids + grows.rows[i].pdid + ",";
            if (ids != "")
                ids = ids.substr(0, ids.length - 1);
            return ids;

        }
        function savejg() {

            if (datagridpic == null) {
                $.messager.alert("提示", "没有任何可更新的行！", "info");
            }
            if (datagridpic) {
                $.messager.confirm('提示', '你确定更新吗？', function (r) {
                    if (r) {
                        var ids = getid(datagridpic);
                        $('#fm').form('submit', {
                            url: '../weatherinfo/GetPicData.ashx?ids=' + ids + "&action=updateallcbd&cbdid=" + ybqid ,
                            onSubmit: function () {
                                //return $(this).form('validate');  
                            },
                            success: function (result) {
                                if (result.indexOf("T") == 0) {
                                    $('#dlg').dialog('close');
                                    $('#zddate').datagrid('clearSelections'); //清空选中的行  
                                    $.messager.alert("提示", "恭喜您，信息更新成功！", "info");
                                    $('#zddate').datagrid('reload');
                                }
                                else if ((result.indexOf("F") == 0)) {
                                    $.messager.alert("提示", "更新失败，没有找到相关数据！", "info");
                                    return;
                                }
                                else if ((result.indexOf("L") == 0)) {
                                    $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                                    top.location = '/index.aspx';
                                    return;
                                }

                            }

                        });
                    }
                })
            }
        }
        function showpic(pid,ptime) {
            $("#mmark").val("图片上传于"+ptime+",图片中*****<img src='"+pid+"' />");           
        }
        function AutoResizeImage(maxWidth, maxHeight, objImg) {
            var img = new Image();
            img.src = objImg.src;
            var hRatio;
            var wRatio;
            var Ratio = 1;
            var w = img.width;
            var h = img.height;
            wRatio = maxWidth / w;
            hRatio = maxHeight / h;
            if (maxWidth == 0 && maxHeight == 0) {
                Ratio = 1;
            } else if (maxWidth == 0) { //
                if (hRatio < 1) Ratio = hRatio;
            } else if (maxHeight == 0) {
                if (wRatio < 1) Ratio = wRatio;
            } else if (wRatio < 1 || hRatio < 1) {
                Ratio = (wRatio <= hRatio ? wRatio : hRatio);
            }
            if (Ratio < 1) {
                w = w * Ratio;
                h = h * Ratio;
            }
            objImg.height = h;
            objImg.width = w;
        }
        function InitGirdcbd() {
            var h = $("#gw").height();
            var w = $("#gw").width();
            $('#histList').datagrid({
                title: '成虫动态', //表格标题
                url: '../forestpets/GetPets.ashx', //请求数据的页面
                sortName: 'inputTime', //排序字段
                idField: 'fp_id', //标识字段,主键
                iconCls: '', //标题左边的图标
                height: h,
                width: w,
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[//							                    
                   { title: '区域', field: 'address', width: 150, sortable: true },
                    { title: '树种', field: 'pname', width: 150 },
                    { title: '虫名', field: 'hname', width: 150 },
                    { title: '雄虫数量', field: 'maleNums', width: 80 },
                    { title: '雌虫数量', field: 'femaleNums', width: 80 },
                    {
                        title: '性比', field: 's', width: 80, formatter: function (value, row, index) {
                            if (row.maleNums != "" && row.femaleNums != "")
                                return (row.maleNums / row.femaleNums).toFixed(2);
                            else
                                return "";
                        }
                    },
                    {
                        title: '成虫总数', field: 'totalUnit', width: 150, formatter: function (value, row, index) {
                            var m = 0, f = 0;
                            if (row.maleNums != "") m = parseInt(row.maleNums);
                            if (row.femaleNums != "") f = parseInt(row.femaleNums);
                            return m + f;
                        }
                    },
                    { title: '监测人', field: 'uname', width: 200 },
                    { title: '监测点', field: 'mname', width: 150 },
                    {
                        title: '监测时间', field: 'inputTime', width: 200, formatter: function (value, row, index) {
                            if (value != "") {

                                if (value.indexOf("-") != -1)
                                    value = value.replace(/-/g, "/")
                                return new Date(value).pattern("yyyy年M月d日");
                            }
                        }
                    }
                ]
                ],
                rowStyler: function (index, row) {
                    var value = row.happenpro;
                    if (value == '轻度以下') {
                        return 'color:green; font-weight:bold;';
                    }
                    else if (value == '轻度') {
                        return 'color:blue; font-weight:bold;';
                    }
                    else if (value == '中度') {
                        return 'color:#FF00FF; font-weight:bold;';
                    }
                    else if (value == '重度') {
                        return 'color:red; font-weight:bold;';
                    }
                },
                toolbar: "#toolbarmhw",
                queryParams: { "action": "queryd", "ptype": "成虫", "toolsNums": ybqid, "StartTime": $("#StartTime").datebox("getValue"), "EndTime": $("#EndTime").datebox("getValue") },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 20, //默认一页数据条数
                rownumbers: true,
                onLoadSuccess: function (data) {
                    griddata = data;
                    var max = 0;
                    var min = 0;
                    var sum = 0;
                    var pets = "";
                    var temp = 0;
                    var nums = 0;
                    var maxt = "";
                    var mint = "";
                    var sresult = "";
                    var snum = 0;
                    var result = "";
                    dtOpstart = $('#StartTime').datebox('getValue');
                    dtOpend = $('#EndTime').datebox('getValue');
                    $.each(data.rows, function (k, v) {
                        temp = v["hname"];
                        if (pets.indexOf(temp) == -1) {
                            pets = pets + temp + ",";
                            nums = nums + 1;
                        }
                    });
                    var strs = new Array(); //定义一数组
                    if (pets.length > 0) pets = pets.substr(0, pets.length - 1);
                    strs = pets.split(","); //字符分割 
                    for (i = 0; i < strs.length ; i++) {
                        max = 0;
                        sum = 0;
                        maxt = "";
                        mint = "";
                        snum = 0;
                        sresult = "";

                        if (data.rows.length > 0) min = parseInt(data.rows[0]["maleNums"]) + parseInt(data.rows[0]["femaleNums"]);
                        $.each(data.rows, function (k, v) {
                            if (v["hname"] == strs[i]) {
                                temp = parseInt(v["maleNums"]) + parseInt(v["femaleNums"]);
                                if (temp >= max) { max = temp; maxt = v["inputTime"]; }
                                if (temp <= min) { min = temp; mint = v["inputTime"]; }
                                sum = sum + temp;
                                snum = snum + 1;
                            }
                        });
                        if (snum > 0)
                            sresult = "其中" + strs[i] + "，最大数为：" + max + ",发生日期是：" + maxt + "，最小数为：" + min + "，发生日期是：" + mint + "，平均数为：" + sum / snum + "。";


                        //统计结果
                        result = result + sresult;
                    }
                    if (dtOpstart != "") dtOpstart = dtOpstart + "到";
                    if (dtOpend != "") dtOpstart = dtOpstart + dtOpend;
                    result = dtOpstart + "，上报的数据中共中害虫" + nums + "种，分别为：" + pets + "。" + result;

                    $('#mmark').val(result);

                }
            });
            

        }
    </script>    
    <script id="tmppic" type="text/html">
        <div class="sec bnspic">
	<div class="big_pic">
		<ul>

        {{each rows as value index}}
            <li><div class="demo-image" data-image="http://124.128.96.70:8012/sk_pic/{{value.ptstr}}" data-title="{{value.ptime}}" data-caption=""><img src="http://124.128.96.70:8012/sk_pic/{{value.ptstr}}"  /><span class="txt">{{value.ptime}}</span></div></li>
{{/each}} 
            </ul>
	</div>
	<div class="small_pic clearfix">
		<ul>
            {{each rows as value index}}
            <li><a href="#"><img src="http://124.128.96.70:8012/sk_pic/{{value.ptstr}}" alt="{{value.ptstr}}" /></a></li>
            {{/each}} 
  	</ul>
	</div>
</div>




        
    </script>
    <script id="tmpstations" type="text/html">
        {{each rows as value index}}
        <div class="stations">
            <div class="level1Div" onclick="showawsinfectInfo('{{value.DevID}}')">
                <div class="levelsb">{{value.devname}}</div>
                <div class="leveltime">时间：{{value.mdatetime}} 已运行{{value.days}}天</div>
                <div class="levelbottom">
                    <div class="levelpet">最后上传时间：{{value.updateTime}}</div>  
                </div>
            </div>
        </div>
        {{/each}} 
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="mainDiv">
        <uc1:checkright runat="server" ID="checkright" />
        <uc1:spet runat="server" ID="spet" />

        <div id="contentDiv">
            <div class="mypt">
                <ul id="pt"></ul>
            </div>
            <div id="mycontent">
                <div id="tab" class="easyui-tabs">
                    <div title="GSI" style="padding: 5px;">
                        <div style="position: relative;">
                            <div id="mymap"></div>
                            <div id="Maptype" style="height: 87px; width: 130px; position: absolute; float: left; margin-left: 850px; top: 50px; z-index: 99; color: Black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;">
                                <input id="CBstationname" onclick="ShowstationName('checkbox')" checked="checked" style="float: left; margin-left: 10px;"
                                    type="checkbox" />
                                <label onclick="ShowstationName('label')" style="height: 20px; width: 100px; float: left; text-align: left; font-size: 13px; font-family: 宋体; font-weight: bold; margin-top: 3px; cursor: pointer;">
                                    显示名称</label>
                            </div>
                        </div>

                    </div>
                    <div title="设备列表" style="overflow: auto; padding: 5px;">
                        <div id="mystations"></div>
                    </div>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
        <uc1:copyright runat="server" ID="copyright" />

    </div>
       
    <div id="picwin" class="easyui-window" data-options="iconCls:'icon-save',modal:true,closed:true">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'center'" style="padding: 5px; background: #eee;">
                <img id="showuppic" onload='AutoResizeImage(880,490,this)' />
            </div>
        </div>
    </div>
</asp:Content>

